<template>
   <div class="hao" v-show="!flag">
      <span class="span">×</span>
      <!-- <p class="p">账号密码登录</p> -->
      slot
      <div class="input">
        <input type="text" placeholder="昵称/手机号/邮箱">
        <div class="input1">
          <input type="text" placeholder="请输入密码">
          <span style="width: 10px;"></span>
          <span class="input1-span">忘记密码？</span>
        </div>
      </div>
      <button class="btn">登录</button>
      <div class="dl">
        <span class="dl-span" @click="tophone">验证码登录</span>
        <span>|</span>
        <span class="dl-span">登录遇到问题</span>
      </div>
      <div class="dl1">
        <span class="dl1-span"></span>
        <span>社交账号登录</span>
        <span class="dl1-span"></span>
      </div>
      <div class="xy">
        <span style="margin-right: -14px;">注册即代表同意</span>
        <span class="xy-span">《xxx社区协议》</span>
      </div>
    </div>
</template>

<script>
export default {

}
</script>

<style>

</style>